<template>
    <transition>
      <!-- slot代表的是common-gallary组件 意思就是在common-gallary组件外面加了一个动画效果 当common-gallary展示或者影藏的时候就会有一个渐隐渐现的效果 -->
      <slot></slot>
    </transition>
</template>

<script>
export default {
  name: 'FadeAnimation'

}
</script>

<style scoped>
  .v-enter, .v-leave-to {
    opacity: 0
  }
  .v-enter-active, .v-leave-active {
    transition: opacity .5s
  }
</style>
